<!-- 导航URL -->
<div class="row wrapper border-bottom white-bg page-heading">
	<div class="col-md-12">
		<ol class="breadcrumb">
			<li><a>主页</a></li>
			<li><a>收单机构管理 </a></li>
			<li class="active"><strong>增加收单服务</strong></li>
		</ol>
	</div>
</div>
<!-- 主要内容 -->
<div class="wrapper wrapper-content animated fadeIn" ng-controller="addGroupServiceCtrl">
	<form class="form-horizontal" name="horizontal">
		<div class="form-group">
			<div class="row">
				 <div class="col-lg-12">
		            <div class="tabs-container">
		                <uib-tabset>
		                    <uib-tab>
		                    	<uib-tab-heading>
		                    		 <span class="block m-t-xs">
		                             	<i class="fa fa-laptop"></i>
		                                <strong class="font-bold">基本信息</strong>
		                             </span>
		                        </uib-tab-heading>
		                        <div class="panel-body">
		           					<div ui-view="serviceBaseInfo">
							        </div> 
								</div>	
							</uib-tab>
		                    <uib-tab>
		                    	<uib-tab-heading>
		                    		<span class="block m-t-xs">
		                             	<i class="fa fa-desktop"></i>
		                                <strong class="font-bold">服务管控费率</strong>
		                            </span>
		                        </uib-tab-heading>
		                        <div class="panel-body">
		                           <div class="row">
										<div class="col-lg-12"  ng-switch="serviceBaseInfo.feeIsCard">
											<!-- S= 服务费率区分卡种 -->
											<div class="form-group" ng-switch-when="1">
												<label class="col-sm-2 control-label"><i class="red_req">*</i>借记卡费率：</label>
												<div class="col-sm-2">
													<select class="form-control" ng-model="serviceRateInfo.rateType" ng-options="x.value as x.text for x in rateTypes" required/>
												</div>
												<div class="col-sm-2">
													<input type="text" class="form-control" name="serviceR" ng-model="serviceRateInfo.serviceRate" required>
													<div class="req_mesg" ng-show="horizontal.serviceR.$dirty && horizontal.serviceR.$invalid">
														<span ng-show="horizontal.serviceR.$error.required">借记卡费率不能为空</span>
													</div>
												</div>
												<!-- <label class="col-sm-1 control-label">生效日期：</label>
											    <div class="col-sm-2">
													<input type="datetime" style="width:auto;display:inline-block;" class="form-control" date-time ng-model="serviceRateInfo.effectiveDate" view="date"  min-view="date" format="YYYY-MM-DD">
												</div> -->
											</div>
											<div class="form-group" ng-switch-when="1">
												<label class="col-sm-2 control-label"><i class="red_req">*</i>贷记卡费率：</label>
												<div class="col-sm-2">
													<select class="form-control" ng-model="serviceRateInfo2.rateType" ng-options="x.value as x.text for x in rateTypes" required/>
												</div>
												<div class="col-sm-2">
													<input type="text" class="form-control" name="serviceRate" ng-model="serviceRateInfo2.serviceRate" required>
													<div class="req_mesg" ng-show="horizontal.serviceRate.$dirty && horizontal.serviceRate.$invalid">
														<span ng-show="horizontal.serviceRate.$error.required">贷记卡费率不能为空</span>
													</div>
												</div>
												<!-- <label class="col-sm-1 control-label">生效日期：</label>
											    <div class="col-sm-2">
													<input type="datetime" style="width:auto;display:inline-block;" class="form-control" date-time ng-model="serviceRateInfo2.effectiveDate" view="date"  min-view="date" format="YYYY-MM-DD">
												</div> -->
											</div>
											<!-- E= 服务费率区分卡种 -->
											<!-- S= 服务费率不区分卡种 -->
											<div class="form-group" ng-switch-when="2">
												<label class="col-sm-2 control-label"><i class="red_req">*</i>服务费率：</label>
												<div class="col-sm-2">
													<select class="form-control" ng-model="serviceRateInfo.rateType" ng-options="x.value as x.text for x in rateTypes" required/>
												</div>
												<div class="col-sm-2">
													<input type="text" class="form-control" name="serviceRa" ng-model="serviceRateInfo.serviceRate" required>
													<div class="req_mesg" ng-show="horizontal.serviceRa.$dirty && horizontal.serviceRa.$invalid">
														<span ng-show="horizontal.serviceRa.$error.required">服务费率不能为空</span>
													</div>
												</div>
												<!-- <label class="col-sm-1 control-label">生效日期：</label>
											    <div class="col-sm-2">
													<input type="datetime" style="width:auto;display:inline-block;" class="form-control" date-time ng-model="serviceRateInfo.effectiveDate" view="date"  min-view="date" format="YYYY-MM-DD">
												</div> -->
											</div>
											<!-- E= 服务费率不区分卡种 -->
											<div class="form-group">
												<label class="col-sm-2 control-label">备注：</label>
												<p class="col-sm-10 form-control-static">
														每笔固定金额1元，则填写商户费率1.00;<br>
														每笔扣率为0.1%则填写商户费率0.1%;<br>
														每笔扣率为0.1%，封顶3元，保底1元则填写商户费率1.00~0.1%~3.00;<br>
														每笔扣率为0.1%加上固定金额1元，则填写商户费率0.1%+1.00;<br>
														单笔阶梯扣率如10000.00元以下，扣率0.38%，10000.00元及以上扣率0.37%，则填写0.38%&lt;10000.00&lt;0.37%;<br>
														每月阶梯扣率如10000.00元以下，扣率0.38%，10000.00元及以上扣率0.37%，则填写0.38%&lt;10000.00&lt;0.37%;<br>
												</p>
											</div>
										</div>
									</div>
		                        </div>
		                    </uib-tab>
		                    <uib-tab>
		                    	<uib-tab-heading>
		                    		<span class="block m-t-xs">
		                             	<i class="fa fa-desktop"></i>
		                                <strong class="font-bold">服务管控额度</strong>
		                            </span>
		                        </uib-tab-heading>
		                        <div class="panel-body">
		                        	<div ng-switch="serviceBaseInfo.quotaIsCard">
		                        		<div ng-switch-when="1">
		                        			<!-- 限额区分卡种 -->
		                        			<div ui-view="serviceQuotaInfo">
								       		</div>
		                        		</div>
		                        		<div ng-switch-when="2">
		                        			<!-- 限额不区分卡种 -->
		                        			<div ui-view="serviceCommonQuotaInfo">
								        	</div>
		                        		</div>
		                        	</div>
		                        </div>
		                    </uib-tab>
		                </uib-tabset>
		            </div>
		        </div>
			</div>
			<div class="col-lg-12 bgff">
				<div class="col-lg-12">
					<label class="col-lg-2"></label>
					<div class="col-lg-6">
						<button class="btn btn-primary btn-rounded btn-mr20" ng-disabled="((serviceBaseInfo.feeIsCard ==2 && horizontal.$invalid && serviceBaseInfo.quotaIsCard ==1)||(serviceBaseInfo.feeIsCard ==2 && horizontal.$invalid && serviceBaseInfo.quotaIsCard ==2)) || ((serviceBaseInfo.feeIsCard ==1 && horizontal.$invalid && serviceBaseInfo.quotaIsCard ==1) || (serviceBaseInfo.feeIsCard ==1 && horizontal.$invalid && serviceBaseInfo.quotaIsCard ==2) ) || submitting" type="button" ng-click="save()">提交</button>
						<button class="btn btn-primary4 btn-rounded" type="button" ui-sref="org.groupService">返回</button>
					</div>
				</div>
		    </div>  
		</div>
	</form>
</div>